<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>收藏夹</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="img/icon.png">

    <!-- Google font (font-family: 'Roboto', sans-serif;) -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
    <!-- Google font (font-family: 'Poppins', sans-serif;) -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700" rel="stylesheet">

    <!-- Plugins -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/plugins.css">

    <!-- Style Css -->
    <link rel="stylesheet" href="style.css">

    <!-- Custom Styles -->
    <link rel="stylesheet" href="css/custom.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->

<!-- Wrapper -->
<div id="wrapper" class="wrapper">

    <!-- Header -->
    <header class="header sticky-header">

        <!-- Header Top Area -->
        <header-top id="headerTop"></header-top>
        <!--// Header Top Area -->

        <!-- Header Bottom Area -->
        <header-bottom id="headerBottom" :levelone="levelonwe" :leveltwo="leveltwo"></header-bottom>
        <!--// Header Bottom Area -->

        <!-- Header Mobile Menu -->
        <div class="mobile-menu-area d-block d-lg-none">
            <div class="container">
                <div class="mobile-menu clearfix">
                    <ul class="header-icons">
                        <li>
                            <button class="header-search-trigger"><i class="ti ti-search"></i></button>
                            <div class="header-searchbox-wrapper">
                                <form class="header-searchbox" action="search.html">
                                    <input type="text" placeholder="Search">
                                    <button><i class="ti ti-search"></i></button>
                                </form>
                            </div>
                        </li>
                        <li>
                            <button class="header-minicart-trigger"><i class="ti ti-shopping-cart"></i></button>
                            <div class="minicart header-minicart">
                                <ul class="minicart-product-list">
                                    <li>
                                        <a href="product-details.html" class="minicart-product-image">
                                            <img src="img/product/product-image-1-1.jpg" alt="cart products">
                                        </a>
                                        <div class="minicart-product-details">
                                            <h6><a href="product-details.html">美式咖啡（热/冷）</a></h6>
                                            <span>￥27 x 2</span>
                                        </div>
                                        <button class="close">
                                            <i class="ti ti-close"></i>
                                        </button>
                                    </li>
                                    <li>
                                        <a href="product-details.html" class="minicart-product-image">
                                            <img src="img/product/product-image-1-2.jpg" alt="cart products">
                                        </a>
                                        <div class="minicart-product-details">
                                            <h6><a href="product-details.html">拿铁（热/冷）</a></h6>
                                            <span>￥31 x 1</span>
                                        </div>
                                        <button class="close">
                                            <i class="ti ti-close"></i>
                                        </button>
                                    </li>
                                </ul>
                                <p class="minicart-total">小计: <span>￥85.00</span></p>
                                <div class="minicart-button">
                                    <a href="cart.html"
                                       class="sf-button sf-button-dark sf-button-fullwidth sf-button-sm">
                                        <span>查看完整购物车</span>
                                    </a>
                                    <a href="checkout.html" class="sf-button sf-button-fullwidth sf-button-sm">
                                        <span>结算</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <a href="index.html" class="logo">
                        <img src="img/logo/logo-dark.png" alt="slimfit">
                    </a>
                </div>
            </div>
        </div>
        <!--// Header Mobile Menu -->

    </header>
    <!--// Header -->

    <!-- Bradcrumb Area -->
    <div class="sn-breadcrumb-area bg-breadcrumb-1 section-padding-xs" data-white-overlay="7">
        <div class="container">
            <div class="sf-breadcrumb">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li>收藏夹</li>
                </ul>
            </div>
        </div>
    </div>
    <!--// Bradcrumb Area -->

    <!-- Page Conttent -->
    <main class="page-content">

        <!-- Shopping Cart Area -->
        <div class="wishlist-page-area bg-white section-padding-xs">
            <div class="container">

                <!-- Cart Products -->
                <div class="cart-table table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th class="cart-column-image" scope="col">图片</th>
                            <th class="cart-column-productname" scope="col">商品</th>
                            <th class="cart-column-price" scope="col">单价</th>
                            <th class="cart-column-quantity" scope="col">数量</th>
                            <th class="cart-column-addtocart" scope="col">添加到购物车</th>
                            <th class="cart-column-remove" scope="col">移除</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <td>
                                <a href="product-details.html" class="product-image">
                                    <img src="img/product/product-image-1-1.jpg" alt="product image">
                                </a>
                            </td>
                            <td>
                                <a href="product-details.html" class="product-title">阿馥奇朵™</a>
                            </td>
                            <td>£75.00</td>
                            <td>
                                <div class="quantity-select">
                                    <input type="text" value="1">
                                </div>
                            </td>
                            <td>
                                <a href="#" class="sf-button sf-button-sm">
                                    <span>添加到购物车</span>
                                </a>
                            </td>
                            <td>
                                <button class="remove-product"><i class="ti ti-close"></i></button>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="product-details.html" class="product-image">
                                    <img src="img/product/product-image-1-2.jpg" alt="product image">
                                </a>
                            </td>
                            <td>
                                <a href="product-details.html" class="product-title">麦芽雪冷萃™</a>
                            </td>
                            <td>£75.00</td>
                            <td>
                                <div class="quantity-select">
                                    <input type="text" value="1">
                                </div>
                            </td>
                            <td>
                                <a href="#" class="sf-button sf-button-sm">
                                    <span>添加到购物车</span>
                                </a>
                            </td>
                            <td>
                                <button class="remove-product"><i class="ti ti-close"></i></button>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="product-details.html" class="product-image">
                                    <img src="img/product/product-image-1-3.jpg" alt="product image">
                                </a>
                            </td>
                            <td>
                                <a href="product-details.html" class="product-title">冷萃浮乐朵™</a>
                            </td>
                            <td>£75.00</td>
                            <td>
                                <div class="quantity-select">
                                    <input type="text" value="1">
                                </div>
                            </td>
                            <td>
                                <a href="#" class="sf-button sf-button-sm">
                                    <span>添加到购物车</span>
                                </a>
                            </td>
                            <td>
                                <button class="remove-product"><i class="ti ti-close"></i></button>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>
                <!--// Cart Products -->

                <!-- Similliar Products -->
                <div class="similliar-products section-padding-top-lg">
                    <h4 class="small-title">相似商品</h4>
                    <div class="row products-slider-active slider-navigation-1 products-wrapper">

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-1-1.jpg" alt="product image">
                                        <img src="img/product/product-image-1-1.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                    <span class="product-item-badge">New</span>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">阿馥奇朵™</a></h6>
                                    <span class="pricebox"><del>$60.00</del> $50.00</span>
                                    <p>双份精萃浓缩咖啡，新西兰进口香草冰淇淋</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-1-2.jpg" alt="product image">
                                        <img src="img/product/product-image-1-2.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                    <span class="product-item-badge">New</span>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">麦芽雪冷萃™</a></h6>
                                    <span class="pricebox">$50.00</span>
                                    <p>冷萃咖啡，双份新西兰进口香草冰淇淋，巧克力味苦味酒，麦芽成分</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-1-3.jpg" alt="product image">
                                        <img src="img/product/product-image-1-3.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">冷萃浮乐朵™</a></h6>
                                    <span class="pricebox"><del>$60.00</del> $50.00</span>
                                    <p>冷萃咖啡，新西兰进口香草冰淇淋</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-1-4.jpg" alt="product image">
                                        <img src="img/product/product-image-1-4.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                    <span class="product-item-badge">Sale</span>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">气致™冷萃浮乐朵™</a></h6>
                                    <span class="pricebox">$50.00</span>
                                    <p>气致™冷萃咖啡，新西兰进口香草冰淇淋</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-2-1.jpg" alt="product image">
                                        <img src="img/product/product-image-2-1.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                    <span class="product-item-badge">Sale</span>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">冷萃冰咖啡</a></h6>
                                    <span class="pricebox">$50.00</span>
                                    <p>10多个小时的慢速萃取，带出微甜的巧克力般风味，与特别的柑橘般风味，为你奉上沁甘顺滑的味觉感受。</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-2-2.jpg" alt="product image">
                                        <img src="img/product/product-image-2-2.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                    <span class="product-item-badge">New</span>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">轻甜奶油冷萃</a></h6>
                                    <span class="pricebox"><del>$60.00</del> $50.00</span>
                                    <p>在冷萃冰咖啡的基础上，添加香草风味轻奶油。每份轻奶油都是根据西雅图的星巴克咖啡研发团队精心研发的配方新鲜手工调制而成，
                                        使用脱脂奶也更符合现代人的健康生活理念。</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                        <!-- Single product -->
                        <div class="col-12">
                            <div class="product-item">
                                <div class="product-item-topside">
                                    <div class="product-item-images">
                                        <img src="img/product/product-image-2-3.jpg" alt="product image">
                                        <img src="img/product/product-image-2-3.jpg" alt="product image">
                                    </div>
                                    <ul class="product-item-actions">
                                        <li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a>
                                        </li>
                                        <li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
                                        <li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a>
                                        </li>
                                        <li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="product-item-bottomside">
                                    <div class="ratting-box">
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span class="active"><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                        <span><i class="ti ti-star"></i></span>
                                    </div>
                                    <h6><a href="product-details.html">绵云冷萃</a></h6>
                                    <span class="pricebox">$50.00</span>
                                    <p>专属特调的大杯比例和特别研发的直饮杯盖，让绵云冷萃冰咖啡的体验更完整。</p>
                                </div>
                            </div>
                        </div>
                        <!--// Single product -->

                    </div>
                </div>
                <!--// Similliar Products -->

            </div>
        </div>
        <!--// Shopping Cart Area -->

    </main>
    <!--// Page Conttent -->

    <!-- Footer Area -->
    <footer class="footer-area">

        <!-- Footer Top Area -->
        <div class="footer-top-area bg-grey section-padding-xs">
            <div class="container">
                <div class="row footer-widgets">

                    <!-- Single Widget -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="footer-widget footer-widget-about">
                            <a href="index.html" class="footer-logo">
                                <img src="img/logo/logo-theme.png" alt="slimfit">
                            </a>
                            <p>我们希望通过每一杯咖啡，将 Coffee 的咖啡传承与独特的咖啡体验带给我们的顾客。</p>
                            <ul class="footer-social-icons">
                                <li><a href="#"><i class="ti ti-facebook"></i></a></li>
                                <li><a href="#"><i class="ti ti-instagram"></i></a></li>
                                <li><a href="#"><i class="ti ti-google"></i></a></li>
                                <li><a href="#"><i class="ti ti-pinterest"></i></a></li>
                                <li><a href="#"><i class="ti ti-twitter"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!--// Single Widget -->

                    <!-- Single Widget -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="footer-widget footer-widget-links footer-widget-links-1">
                            <h6 class="footer-widget-title">我的帐户</h6>
                            <ul>
                                <li><a href="#">跟踪订单</a></li>
                                <li><a href="#">退货政策</a></li>
                                <li><a href="#">保修时间</a></li>
                                <li><a href="#">付款</a></li>
                                <li><a href="#">常见问题解答</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--// Single Widget -->

                    <!-- Single Widget -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="footer-widget footer-widget-links footer-widget-links-2">
                            <h6 class="footer-widget-title">购物指南</h6>
                            <ul>
                                <li><a href="#">热销</a></li>
                                <li><a href="#">最佳销售</a></li>
                                <li><a href="#">供应商</a></li>
                                <li><a href="#">我们的商店</a></li>
                                <li><a href="#">当天的交易</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--// Single Widget -->

                    <!-- Single Widget -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="footer-widget footer-widget-contact">
                            <h6 class="footer-widget-title">联系信息</h6>
                            <ul>
                                <li><i class="ti ti-home"></i>广西南宁市</li>
                                <li><i class="ti ti-comment"></i>Coffee</li>
                                <li><i class="ti ti-mobile"></i><a href="tel:+8612345678901">(+86) 12345678901</a></li>
                                <li><i class="ti ti-timer"></i>8.00 am-6.00 pm</li>
                            </ul>
                        </div>
                    </div>
                    <!--// Single Widget -->

                </div>
            </div>
        </div>
        <!--// Footer Top Area -->

        <!-- Footer Bottom Area -->
        <div class="footer-bottom-area bg-dark">
            <div class="container">
                <div class="footer-copyright-area">
                    <p>Copyright © 2021 . All Right Reserved.</p>
                    <!--<img src="img/icons/payment.png" alt="payment icon">-->
                </div>
            </div>
        </div>
        <!--// Footer Bottom Area -->

    </footer>
    <!--// Footer Area -->

    <!-- Quick View Modal -->
    <div class="quick-view-modal">
        <span class="body-overlay"></span>
        <div class="quick-view-modal-inner">
            <div class="container">

                <!-- Product Details Inner -->
                <div class="row product-details">

                    <!-- Product Details Left -->
                    <div class="col-lg-5">
                        <div class="product-details-left">
                            <div class="product-details-images slider-navigation-2">
                                <a href="img/product/product-image-1-1.jpg">
                                    <img src="img/product/product-image-1-1.jpg" alt="product image">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--// Product Details Left -->

                    <!-- Product Details Right -->
                    <div class="col-lg-7">
                        <div class="product-details-right">
                            <h5 class="product-title">阿馥奇朵™</h5>

                            <div class="ratting-stock-availbility">
                                <div class="ratting-box">
                                    <span class="active"><i class="ti ti-star"></i></span>
                                    <span class="active"><i class="ti ti-star"></i></span>
                                    <span class="active"><i class="ti ti-star"></i></span>
                                    <span class="active"><i class="ti ti-star"></i></span>
                                    <span><i class="ti ti-star"></i></span>
                                </div>
                                <span class="stock-available">现货</span>
                            </div>

                            <p>双份精萃浓缩咖啡，新西兰进口香草冰淇淋</p>

                            <span class="pricebox"><del>$60.00</del> $50.00</span>

                            <div class="product-details-quantity">
                                <div class="quantity-select">
                                    <input type="text" value="1">
                                </div>
                                <a href="#" class="sf-button sf-button-sm">
                                    <span>添加到购物车</span>
                                </a>
                            </div>

                            <div class="product-details-categories">
                                <span>分类 :</span>
                                <ul>
                                    <li><a href="#">饮料</a></li>
                                    <li><a href="#">咖啡产品</a></li>
                                </ul>
                            </div>

                            <div class="product-details-tags">
                                <span>标签 :</span>
                                <ul>
                                    <li><a href="#">饮料</a></li>
                                    <li><a href="#">咖啡产品</a></li>
                                </ul>
                            </div>

                            <div class="product-details-socialshare">
                                <span>分享 :</span>
                                <ul>
                                    <li><a href="#"><i class="ti ti-facebook"></i></a></li>
                                    <li><a href="#"><i class="ti ti-twitter"></i></a></li>
                                    <li><a href="#"><i class="ti ti-google"></i></a></li>
                                    <li><a href="#"><i class="ti ti-linkedin"></i></a></li>
                                    <li><a href="#"><i class="ti ti-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--// Product Details Right -->

                </div>
                <!--// Product Details Inner -->

            </div>
            <button class="close-quickview-modal"><i class="ti ti-close"></i></button>
        </div>
    </div>
    <!--// Quick View Modal -->

</div>
<!--// Wrapper -->


<!-- Js Files -->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/header_top_temp.js"></script>
<script src="js/header_bottom_temp.js"></script>
<script src="js/header_bottom.js"></script>
</body>

</html>